<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
</head>

<!--        引入样式文件-->
<link rel="stylesheet" href="../plugins/elementui/index.css">
<link rel="stylesheet" href="../css/login.css">

<body>

<div class="box" id="login">
    <form class="sui-form">
        <div class="input-prepend"><span class="add-on loginname"></span>
            <i class="el-icon-user-solid"></i>
            <input id="username" type="text" placeholder="手机号" class="span2 input-xfat"
                   v-model="form.username">
        </div>
        <div class="input-prepend"><span class="add-on loginpwd"></span>
            <i class="el-icon-lock"></i>
            <input id="password" type="password" placeholder="请输入密码" class="span2 input-xfat"
                   v-model="form.password">
        </div>
        <div class="setting">
            <label class="checkbox inline">
                <input name="m1" type="checkbox" value="2" checked="">
                自动登录
            </label>
            <span class="forget">忘记密码？</span>
        </div>
        <div class="buttonm">
            <el-button type="success">登录</el-button>
        </div>
        <div><a href="register.html" class="register">没有账号？点我注册  </a></div>
    </form>
</div>
</div>
</div>
</div>
</div>
</body>

<!--        引入组件库-->
<script src="../js/axios-0.18.0.js"></script>
<script src="../js/jquery.min.js"></script>
<script src="../js/vue.js"></script>
<script src="../plugins/elementui/index.js"></script>


<script>
    var vm = new Vue({
        el: '#login',
        data(){
            return{
                form: {}
            }
        }
    })
</script>

</html>